<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<canvas id="canvas" width="400" height="400">
  此浏览器不支持canvas
</canvas>
</body>
</html>
<script>
  const ctx = document.getElementById('canvas')
  const gl = ctx.getContext('webgl')
  // 指定清空（重设）canvas的颜色，接收四个参数（取值区间为0.0~1.0）rgba
  gl.clearColor(1.0,0.0,0.0,1.0)
  // 清空canvas
  // COLOR_BUFFER_BIT  清空颜色缓存
  // gl.DEPTH_BUFFER_BIT  清空深度缓冲区
  // gl.STENCIL_BUFFER_BIT  清空模板缓冲区
  gl.clear(gl.COLOR_BUFFER_BIT)
  // 一般需要搭配使用gl.clear与gl.clearColor
  // 搭配使用：
  // gl.clear(gl.COLOR_BUFFER_BIT)和gl.clearColor(0.0,0.0,0.0,1.0)
  // gl.clear(gl.DEPTH_BUFFER_BIT)和gl.clearDepth(1.0)
  // gl.clear(gl.STENCIL_BUFFER_BIT)和gl.clearStencil(0)
</script>